.el-container {
	height: 100%;
	.el-aside {
		background: #2f4050;
		.el-menu {
			user-select: none;
			background: none;
			border: none;
			.el-menu-item {
				height: 50px;
				line-height: 50px;
				padding: 0 20px;
				color: #a7b1c2;
				&:hover {
					color: #fff;
					background: #293846;
					i {
						color: #fff;
					}
				}
				&:focus {
					color: #fff;
					background: #293846;
				}
				&.is-active {
					color: #fff;
					background: #293846;
					border-left: 4px solid #409eff;
					padding-left: 16px !important;
				}
				i {
					font-size: 14px;
					&.icon {
						margin-right: 10px;
						font-size: 18px;
					}
				}
			}
			.el-submenu {
				.el-submenu__title {
					@extend .el-menu-item;
					padding-left: 40px;
					&.is-active {
						padding-left: 36px !important;
					}
				}
				.el-menu {
					.el-menu-item {
						@extend .el-submenu__title;
					}
					.el-submenu {
						.el-menu-item {
							padding-left: 60px;
							&.is-active {
								padding-left: 56px !important;
							}
						}
					}
				}
			}
		}
	}
	.el-container {
		.el-header {
			height: 60px;
			border-bottom: 2px solid #409eff;
			background: #d9ecff;
			display: flex;
			justify-content: space-between;
			align-items: center;
			user-select: none;
			.el-breadcrumb {
				font-size: 16px;
				.is-link {
					font-weight: normal;
				}
			}
			.el-dropdown {
				text-align: right;
				cursor: pointer;
				p {
					font-size: 1pc;
					line-height: 1.5;
				}
			}
		}
		.el-main {
			padding: 0;
			background: url(~@/assets/img/bg_body.jpg) no-repeat fixed bottom/100% auto;
			.el-table {
				border: 1px solid #c1c6ca;
				td {
					padding: 10px 0;
					border-bottom: 1px solid #c1c6ca;
					border-left: 1px solid #c1c6ca;
					&:nth-of-type(1) {
						border-left: none;
					}
					&.el-table__expanded-cell {
						padding: 0;
					}
				}
				th {
					@extend td;
				}
				.has-gutter {
					tr {
						color: #2f4050;
						th {
							background: #eaecee;
							border-bottom: 1px solid #c1c6ca;
						}
					}
				}
				.el-table__fixed-right {
					th {
						background: #eaecee;
					}
				}
				.el-table__fixed-right-patch {
					background: #eaecee;
				}
			}
			.el-cascader-menu {
				min-width: 167px;
				.el-cascader-menu__wrap {
					height: 300px;
					.el-cascader-node {
						padding: 0 14px;
						height: 36px;
						line-height: 36px;
						&.in-active-path {
							background: #d9ecff;
						}
						&:hover {
							background: #d9ecff;
						}
						&:focus {
							background: #d9ecff;
						}
					}
				}
			}
		}
		.el-page-header {
			background: #f56c6c;
			.el-page-header__left {
				padding: 20px 0 20px 20px;
				color: #fff;
			}
			.el-page-header__content {
				padding: 20px 20px 20px 0;
				color: #fff;
			}
		}
	}
}
.el-dropdown-menu {
	&.el-popper {
		margin: 0;
		margin-top: 6px;
		.popper__arrow {
			left: 50% !important;
			margin-left: -6px;
			&:after {
				top: 0;
			}
		}
	}
	&.user_dropdown {
		border: 1px solid #56a5ee;
		background: #d9ecff;
		.popper__arrow {
			&:after {
				border-bottom-color: #56a5ee;
			}
		}
		.el-dropdown-menu__item:hover {
			color: #fff;
			background: #56a5ee;
		}
	}
	&.TagsView_dropdown {
		.popper__arrow {
			margin-left: 19px;
		}
		.el-dropdown-menu__item:hover {
			color: #333;
			background: #f1f1f1;
		}
	}
}
.expand_props {
	padding: 20px;
	.info {
		display: flex;
		align-items: center;
		.steps {
			flex: 1;
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;
			span {
				padding: 7px 10px;
				border-radius: 4px;
				font-size: 12px;
				white-space: nowrap;
				position: relative;
				z-index: 9;
				background: #fff;
				border: 1px #aaa solid;
				color: #aaa;
				&.click {
					border: 1px #67c23a solid;
					background: #67c23a;
					color: #fff;
				}
			}
			b {
				width: 100%;
				height: 2px;
				background: #aaa;
				position: absolute;
				left: 0;
				top: 16px;
			}
		}
		.el-button {
			margin-left: 20px;
			padding: 9px 10px;
		}
	}
}
.manageList {
	.el-table__expanded-cell[class*='cell'] {
		padding: 20px;
	}
	.el-steps.el-steps--simple {
		padding: 10px;
		.el-step__head {
			display: none;
		}
		.el-step__title {
			max-width: 70%;
			border-radius: 5px;
			border: 1px solid;
			padding: 5px 10px;
		}
		.el-step__arrow {
			max-width: 30%;
		}
	}
}
